Next.js の 4 種類のキャッシュ
https://scrapbox.io/files/66ecc9644eccbc001d2d28b2.png
table:_
仕組み 何をキャッシュするか 場所
Request Memoization 関数の戻り値 サーバ
Data Cache データ サーバ
Full Route Cache HTML と RSC Payload サーバ
Client-side Router Cache RSC Payload クライアント
table:_
仕組み 目的 キャッシュ期間
Request Memoization React Component Tree でデータを再利用する リクエストごとのライフサイクル
Data Cache ユーザリクエストとデプロイをまたぐデータの保存 永続的（Revalidate 可能）
Full Route Cache レンダリングコストの削減とパフォーマンスの向上 永続的（Revalidate 可能）
Client-side Router Cache ナビゲーション時のサーバリクエストを減らす ユーザセッションまたは Time-base Revalidation
#Next.js